<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>自学课程</title>
	</head>
	<link rel="stylesheet" href="../../css/mui.min.css" />
	<link rel="stylesheet" href="../../css/mooc.css"/> 
	<style>
		body {
			background-color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content {
			background-color: white;
		}
		
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		#addselfcourse{
			margin-top:-3px;
			font-size:35px;
			font-weight: bold;
			color:white;
		}
		.savebtn {
			margin-top: 12px;
			font-size: 17px;
		}
		
		.mui-table-view-cell.mui-media {
			height: 65px;
		}
		
		.mui-table-view {
			margin-top: 180px;
		}
		
		#coursesdiv > :first-child.mui-course {
			margin-top: 35px;
		}
		
		#coursesdiv > .mui-course {
			margin-bottom: 15px;
		}
		
		.mui-course {
			height: 130px;
			overflow: hidden;
			margin: 0 15px;
			border: 1px solid #ddd;
			border-radius: 10px;
			background-color: #fff;
			background-clip: padding-box
		}
		
		.course-top {
			height: 85px;
			color: #ffffff;
			background-color: #7da1fd;
		}
		
		.course-top.b1 {
			background-color: #fda649;
		}
		
		.course-top.b2 {
			background-color: #7da1fd;
		}
		
		.course-top.b3 {
			background-color: #ff8873;
		}
		
		.course-top.b4 {
			background-color: #7adc70;
		}
		
		.course-top .c1 {
			height: 85px;
		}
		
		.course-top .c1 {
			height: 3px;
		}
		
		.course-top .cmsg {
			position: absolute;
			float: left;
			margin-top: 8px;
			margin-left: 16px;
			font-size: 15px;
			line-height: 20px;
			width: 250px;
			display: none;
		}
		
		.course-top .cname {
			position: absolute;
			float: left;
			margin-top: 20px;
			margin-left: 16px;
			font-size: 18px;
			line-height: 20px;
			width: 210px;
		}
		
		.course-top .ctype {
			float: right;
			margin-top: 22px;
			margin-right: 10px;
			font-size: 14px;
		}
		
		.course-top .cuser {
			position: absolute;
			font-size:14px;
			margin-top: 55px;
			margin-left: 13px;
		}
		
		.course-foot {
			height: 35px;
		}
		
		.course-foot .title {
			position: absolute;
			font-size: 18px;
			color: #757575;
			margin-top: 10px;
			margin-left: 16px;
		}
		
		.navigate-right:after {
			float: right;
			content: '\e583';
			margin-top: 10px;
			margin-right: 10px;
			;
			font-size: 20px;
			font-family: Muiicons;
			color: #757575;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><a id="addselfcourse" class="mui-icon mui-icon-plusempty mui-pull-right"></a>
			<h1 class="mui-title">自学课程</h1>
		</header>
		<div class="mui-scroll-wrapper">
		<div class="mui-content">
			<div class="nettip" id="nettip">
			    <span class="nt2">当前网络不可用,请检查你的网络设置</span>
		     </div>
			<!--课程列表 start-->
			<div id="coursesdiv">
				<!--
				<div class="mui-course">
					<div class="course-top">
						<div class="c1">
							<span class="cmsg"><img src="../../images/tip.png" />&nbsp;教师上传了计机械设计机械设计机</span>
							<span class="cname">机械设计机械设计机械设计机械设计机</span>
							<span class="ctype">机械机械</span>
						</div>
						<div class="c2">
							<span class="cuser"><img src="../../images/tou.png" />&nbsp;102学生学习</span>
						</div>
					</div>
					<div class="course-foot">
						<span class="title">学习课程</span><span class="navigate-right"></span>
					</div>
				</div>
				-->
			</div>
			<!--课程列表 end-->
		</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../script/config.js" ></script>
	<script src="../../script/moocpublic.js"></script>
	<script type="text/javascript" src="../../js/DMobileFrame_DownLoadUtil.js" ></script>
	<script src="script/studycourseindex.js"></script>

</html>